<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>記事一覧</title>
<style type="text/css">
body {
	margin-left: 50px;
}

p {	
	margin-bottom:30px;
}

td {
	padding-right: 5px;
	padding-bottom: 5px;
}

#title {
	width: 212px;
}

#from, #to {
	width: 95px;
}

#btnSearch {
	width: 100px;
}
</style>
<script type="text/javascript" src="/board/js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	
	$('#btnSearch').click(articleSearch);	
	
});

function articleSearch(){
	var title = $('#title').val();
	var from = $('#from').val();
	var to = $('#to').val();
	
	$.ajax({
		type:"post",
		url:"/board/board/articleSearch.action",
		data: {
			title: title,
			from: from,
			to: to
		},
		dataType:'json',
		success: boardList
	});
}
	
function boardList(json) {
	alert();
}



</script>

</head>
<body>
<p style="margin-top: 50px;"><b>記事一覧画面</b></p>

<p><span style="margin-right: 100px;">${session.name}さん</span>
<a href="/board/member/goLogout.action">ロ グ ア ウ ト</a></p>

<table>
	<tr>
		<td>タ　イ　ト　ル</td>
		<td><input type="text" id="title"></td>
	</tr>
	<tr>
		<td>作成日</td>
		<td><input type="text" id="from">&nbsp;-&nbsp;<input type="text" id="to"></td>
		<td><input type="button" id="btnSearch" value="検索">
	</tr>
</table>

<div id="board">

</div>
　
</body>
</html>